<script setup lang="ts">
import { RouterView } from 'vue-router';

import AppNavigator from '@/components/AppNavigator.vue';

</script>

<template>  
  <!-- Vue Router,RouterLink、RouterView -->
  <AppNavigator msg="hello"/>

  <RouterView />
</template>

<style>
header {
  background-color: #6bf8c4b8;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.active{
  background-color: yellow;
}
.tabs{
  display: flex;
  justify-content: space-around;
  margin: 20px 0;
}
</style>
